.clearfix {
  display: block;
}

*{
  margin:0;
  padding:0;
  font-size:12px;
}

img {
  border:0px
}

html {
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;
  text-align:center
}

body {
  margin:auto;
  padding:5px;
  text-align:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

/** general link formatting */

a:link {color: #36f}
a:active {color: #36f}
a:visited {color: #36f}
a:hover {color: #f60}

/** header formatting stuff */

#header {
  background-color:#7b3abc;
  background-position:top left;
  background-repeat:repeat-x;
  color:#FFFFFF;
}

#header div {
  padding: 10px;
}

#header a {
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:underline
}

#header a:link{
  text-decoration:underline
}

#header a:visited{
  text-decoration:underline
}

#header a:hover{
  text-decoration: none;
  background: #ccccff;
  color: #7b3abc;
}

#header a:active{
  text-decoration:underline
}

#header img {float:left}

/** navigation stuff */

ul.menu {
  height:30px;
  list-style-type:none;
  list-style: none;
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
}

ul.menu li {
  height:30px;
  margin-left: 2px;
  padding: .5em;
  list-style: none;
  display: inline;
}

/** footer formatting stuff */

#footer {
  /*clear:both;*/
  background: url('images/logo_background.gif');
  background-repeat: repeat;
  color:#FFFFFF;
}

#footer a {
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:underline
}
#footer a:link{text-decoration:underline}
#footer a:visited{text-decoration:underline}
#footer a:hover{text-decoration:none}
#footer a:active{text-decoration:underline}

/** login page formatting */

label {
  width: 4em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
}

fieldset {
  border: 1px solid #781351;
  width: 20em;
}

legend {
  color: #fff;
  background: #ffa20c;
  border: 1px solid #781351;
  padding: 2px 6px;
} 

/** alternating row formatting */

table.list {
  border: 1px solid #cc6600;
  border-collapse: collapse;
  padding: 2px;
}

table.list tr th {
  font-weight: bold;
  background-color: #cc6600;
  color: #fff;
}

table.list tr.odd td {
  background-color: #FCF6CF;
  text-align: left;
  border: 1px solid #cc6600;
}
table.list tr.even td {
  background-color: #FEFEF2;
  text-align: left;
  border: 1px solid #cc6600;
}

/** for the help menu */
.help li {
  list-style-type: square;
  margin-left: 30px;
}

.help ul {
  list-style-type: square;
  margin-left: 10px;
}



.block1{
  width:290px;
  color:#000000;
  padding:4px 15px 8px 15px;
  margin:-5px 31px 50px 0;
  background-image:url(images/bottom1.jpg);
  background-position:bottom left;
  background-repeat:no-repeat
}

.block2{
  width:330px;
  color:#000000;
  padding:4px 50px 8px 15px;
  margin:-5px 0 50px 0;
}

*html .block1{padding:4px 12px 8px 15px;}

#content{
  clear:both;
  padding:0 0 0 34px
}

.block{
  float:left;
  margin:34px 0 0 0px
}

.back{
  background-image:url(images/bottom2.jpg);
  background-position:0px 30px;
  background-repeat:no-repeat;
}

div.buttons {
  margin: 7px 0px 7px 0px;
  text-align: left;
}

div.buttons input {
  width: 100px;
}

/** formatting for the layout table in the two-column forms */
table.layout {
  width: 100%;
}

td.layoutLeft {
  vertical-align: top;
  width: 60%;
}

td.layoutRight {
  vertical-align: top;
  text-align: right;
  width: 30%;
}

/** Styles for controlling how simple two column forms are laid out. */
table.leftRightForm td {
  padding: 3px;
  vertical-align: top;
}

table.leftRightForm th {
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  padding: 3px;
  background-color: #eeeeee;
}

table.leftRightForm th.twocols {
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  padding: 3px;
  background-color: #eeeeee;
}

#pageContent {
  margin: 5px 5px 5px 5px;
}

/** formatting for "engaged collaborations" section */
table.engagedCollaborations {
  margin-left: 20px;
  vertical-align: top;
  border: 1px solid #000;
}

table.engagedCollaborations th {
  background-color: #eee;
  text-align: left;
}

table.engagedCollaborations td {
  text-align: left;
}

/** Styles used to created headings within the content of the page. */

div.sectionTitle {
  font-size: 12px;
  font-weight: bold;
  color: #446644;
  margin: 0px 0px 15px 0px;
}

input {
 width: 500px;
}
textarea {
  width: 500px;
  height:5em;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
}

select {
  width: 500px;
}

table.list td, table.list th { 
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 5px;
  vertical-align: top;
}

